<template>
  <van-list
    v-model="loading"
    :finished="finished"
    finished-text="没有更多了"
    @load="onLoad"
  >
  <div class="img-box">
    <ul class="left-box">
      <li>
        <img src="../assets/01.jpg" style="height:120px;" >
        <p>Apple iPhone 11 (A2223) 128GB 黑色 移动联通电信4G手机 双卡双待</p>
        <p>¥:4999</p>
      </li>
      <li>
        <img src="../assets/02.jpg" >
      </li>
      <li>
        <img src="../assets/03.jpg" >
      </li>
      <li>
        <img src="../assets/04.jpg" >
      </li>
    </ul>
    <ul class="right-box" >
      <li>
        <img src="../assets/01.jpg" >
      </li>
      <li>
        <img src="../assets/02.jpg" >
      </li>
      <li>
        <img src="../assets/03.jpg" >
      </li>
      <li>
        <img src="../assets/04.jpg" >
      </li>
    </ul>
  </div>
  
  </van-list>
</template>

<script>
export default {
  name:"GoodsList",
  data(){
    return{
      list: [],
      loading: false,
      finished: false,
    }
  },
  onLoad(){
    console.log("onLoad");
  }

};
</script>

<style scoped>
.img-box{
  display: flex;
}

.left-box,.right-box{
  width: 50%;
}

img{
  width: 100%;
  height: 20rem;
}
</style>